<template>
  <div>
    <common-head title="个人中心"/>
    <div class="wrap">
      <div class="mine">
        <h5>{{userInfo.nickName}}</h5>
        <van-image :src="userInfo.avatar"/>
      </div>
      <button>退出登录</button>
    </div>
    <my-tabbar />
  </div>
</template>

<script>
import CommonHead from '../../components/CommonHead.vue'
import MyTabbar from '../../components/MyTabbar.vue'
export default {
  data () {
    return {
      userInfo: localStorage.getItem('userInfo') ? JSON.parse(localStorage.getItem('userInfo')) : {}
    }
  },
  components: { MyTabbar, CommonHead }
}
</script>

<style lang="scss" scoped>
.wrap{
  margin-top: 46px;
  margin-bottom: 50px;
}
</style>
